<template>
  <div>
    <button @click="fn">点我下载一个blob二进制文件</button>
  </div>

</template>

<script>
import { saveAs } from 'file-saver'
export default {

  name: 'App',
  // 知识点补充-$set动态给对象属性添加响应式效果
  data() {
    return {

    }
  },
  methods: {
    fn() {
      // saveAs 将二进制数据 或者 url地址, 直接保存为一个文件到你的 电脑上
      const blob = new Blob(['我是小黑子'], { type: 'text/plain;charset=utf-8' }) // 转为2进制
      // 会把二进制直接写入到对应的文件 中
      saveAs(blob, 'xxx.txt')
      // saveAs('https://heimahr.itheima.net/defaultHead.png', 'xxx.png')
    }

  }}
</script>

<style lang="scss" scoped></style>
